CSS TECHNOLOGIES 152-114 MPTC
Learning Plan 2
You will Practice with each of the LP2 CSS Properties by using W3Schools.com. The pages will have a
combination of Try It Yourself practices and Exercises that use W3Schools.com sandbox environment.
You are expected to work with these features on each of the pages and sections.
For the Try It Out Practices:
1. After reading the information about a property, click on the Try It Out Button
a. Make a modification to the CSS Property value that you just read about.
b. Click on the Run button in the sandbox to see your change take effect.
c. Unless directed below, you do not have to document these!
Doing the Try It Yourself practices will help you gain understanding of each property and practice in
trying the property out.
Example:
Click on Try it Yourself button
Make a change to the CSS Property value you just read about and click Run in the sandbox.
CSS TECHNOLOGIES 152-114 MPTC
See the effect that the modification made!
For the Exercises that you will find at the end of each section or bottom of a single section page:
2. Apply what you have learned from the page or the section you worked with to solve each
exercise.
3. Use the Check Your Code button to test your coding.
4. Once you have the correct code, take a screen capture of the exercise that includes the Correct
button.
5. Place your screen capture on your documentation sheet after the heading for that page or
section.
Example:
Click on the Exercise button
This will open the exercise in the sandbox. The exercise will have a task it is asking you to apply.
CSS TECHNOLOGIES 152-114 MPTC
Preform the task by typing the code that is needed. Click the Check Your Code Button. If you are correct,
there will be a Correct button that appears above the sandbox. Take a screen capture that includes the
correct button and the sandbox similar to the screen capture below.
Some of the links will take you to a Section while others will be a single page.
Below is an example of a Section. You are expected to complete all pages of the section.
CSS TECHNOLOGIES 152-114 MPTC
The last page of a section will contain the Exercises for that Section.
The following are the pages and sections you will need to complete for Learning Plan 2. You can place
your required documentation below each URL.
Font and Text Properties
CSS Fonts Section – 5 Exercises
http://www.w3schools.com/css/css_font.asp
CSS TECHNOLOGIES 152-114 MPTC
CSS TECHNOLOGIES 152-114 MPTC
CSS Web Fonts Page – 2 Exercises
CSS TECHNOLOGIES 152-114 MPTC
http://www.w3schools.com/css/css3_fonts.asp
CSS TECHNOLOGIES 152-114 MPTC
CSS Text Section – 5 Exercises
http://www.w3schools.com/css/css_text.asp
CSS TECHNOLOGIES 152-114 MPTC
CSS TECHNOLOGIES 152-114 MPTC
CSS Text Effects Page – 3 Exercises
http://www.w3schools.com/css/css3_text_effects.asp
CSS TECHNOLOGIES 152-114 MPTC
CSS Shadow Effects Section – 5 Exercises
http://www.w3schools.com/css/css3_shadows.asp
CSS TECHNOLOGIES 152-114 MPTC
CSS TECHNOLOGIES 152-114 MPTC
CSS TECHNOLOGIES 152-114 MPTC
Color and Background Properties
CSS Colors Section – No Exercises – Document a Try It Yourself Practices of Your Choice
http://www.w3schools.com/css/css_colors.asp
CSS TECHNOLOGIES 152-114 MPTC
CSS Backgrounds Section - 5 Exercises
http://www.w3schools.com/css/css_background.asp
CSS TECHNOLOGIES 152-114 MPTC
CSS TECHNOLOGIES 152-114 MPTC
CSS TECHNOLOGIES 152-114 MPTC
CSS 3 Colors Page - 4 Exercises
http://www.w3schools.com/css/css3_colors.asp
CSS TECHNOLOGIES 152-114 MPTC
CSS TECHNOLOGIES 152-114 MPTC
CSS Multiple Backgrounds Page - 5 Exercises
http://www.w3schools.com/css/css3_backgrounds.asp
CSS TECHNOLOGIES 152-114 MPTC
CSS TECHNOLOGIES 152-114 MPTC
CSS Gradients Section- 7 Exercises
CSS TECHNOLOGIES 152-114 MPTC
http://www.w3schools.com/css/css3_gradients.asp
CSS TECHNOLOGIES 152-114 MPTC
CSS TECHNOLOGIES 152-114 MPTC
CSS TECHNOLOGIES 152-114 MPTC
Link and List properties
CSS Lists Page - 4 Exercises
http://www.w3schools.com/css/css_list.asp
CSS TECHNOLOGIES 152-114 MPTC
CSS TECHNOLOGIES 152-114 MPTC
CSS Links Page - 4 Exercises
http://www.w3schools.com/css/css_link.asp
CSS TECHNOLOGIES 152-114 MPTC
CSS TECHNOLOGIES 152-114 MPTC
CSS TECHNOLOGIES 152-114 MPTC
Image Related Properties
CSS Styling Images Page – No Exercises – Document a Try It Yourself Practices of Your Choice
http://www.w3schools.com/css/css3_images.asp
CSS Border Images Page - 2 Exercises
http://www.w3schools.com/css/css3_border_images.asp
CSS TECHNOLOGIES 152-114 MPTC
CSS TECHNOLOGIES 152-114 MPTC
Table Properties
CSS Tables Section – 6 Exercises
http://www.w3schools.com/css/css_table.asp
CSS TECHNOLOGIES 152-114 MPTC
CSS TECHNOLOGIES 152-114 MPTC
CSS TECHNOLOGIES 152-114 MPTC
Rounded Corner Properties
CSS Rounded Corners Page - 2 Exercises
http://www.w3schools.com/css/css3_borders.asp
CSS TECHNOLOGIES 152-114 MPTC
CSS TECHNOLOGIES 152-114 MPTC
Button Properties
CSS Buttons Page – No Exercises – Document a Try It Yourself Practices of Your Choice
http://www.w3schools.com/css/css3_buttons.asp
Pagination Properties
CSS Pagination Examples Page – No Exercises – Document a Try It Yourself Practices of Your Choice
http://www.w3schools.com/css/css3_pagination.asp
CSS TECHNOLOGIES 152-114 MPTC